<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>锐眼看事</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/WXZeroOrder15.css">
    <script>
        var deviceWidth = document.documentElement.clientWidth < 640 ? document.documentElement.clientWidth : 640;
        document.documentElement.style.fontSize = deviceWidth / 6.4 + 'px';//640的设计稿
    </script>
</head>
<body>
<div class="content">
    <div class="bg">
        <img src="images/1.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question1" type="checkbox">
        <label for="question1">
            <img src="images/2.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <img src="images/3.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question2" type="checkbox">
        <label for="question2">
            <img src="images/4.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <img src="images/5.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question3" type="checkbox">
        <label for="question3">
            <img src="images/6.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <img src="images/7.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question4" type="checkbox">
        <label for="question4">
            <img src="images/8.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <img src="images/9.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question5" type="checkbox">
        <label for="question5">
            <img src="images/10.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <img src="images/11.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question6" type="checkbox">
        <label for="question6">
            <img src="images/12.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <img src="images/13.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question7" type="checkbox">
        <label for="question7">
            <img src="images/14.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <img src="images/15.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question8" type="checkbox">
        <label for="question8">
            <img src="images/16.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <img src="images/17.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question9" type="checkbox">
        <label for="question9">
            <img src="images/18.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <img src="images/19.jpg" alt="锐眼看事">
    </div>
    <div class="bg">
        <input class="question" id="question10" type="checkbox">
        <label for="question10">
            <img src="images/20.jpg" alt="锐眼看事">
        </label>
    </div>
    <div class="bg">
        <a id="submit" class="submit" href="javascript:void(0)"></a>
        <img src="images/21.jpg" alt="锐眼看事">
    </div>
</div>
</body>
<script src="../public/js/jquery-1.7.2.min.js"></script>
<script src="js/WXZeroOrder15.js"></script>
</html>